import '@/styles/App.scss';
import { useAppStore } from './store';
// import EChartsDemo from './components/echart/demo';
import { Outlet, Link } from 'react-router-dom';

function App() {
  const { count, increment, decrement, reset } = useAppStore();

  return (
    <div className="h-full">
      {/* <div className="" style={{ color: '#000' }}>
        111
      </div>
      
      <nav style={{ margin: '20px 0' }}>
        <Link to="/" style={{ marginRight: '10px' }}>首页</Link>
        <Link to="/home" style={{ marginRight: '10px' }}>主页</Link>
        <Link to="/about" style={{ marginRight: '10px' }}>关于</Link>
      </nav>
      
      <div style={{ marginTop: '40px' }}>
        <EChartsDemo />
      </div> */}

      <Outlet />
    </div>
  );
}

export default App;
